<!DOCTYPE html>
<html>

<head>
    <title>蜂巢统一认证</title>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta name="renderer" content="webkit">
    </title>


    <link rel="stylesheet" type="text/css" href="/cas/webjars/normalize.css/8.0.1/normalize.css" />
    <link rel="stylesheet" type="text/css" href="/cas/webjars/bootstrap/4.6.0/css/bootstrap-grid.min.css" />
    <link rel="stylesheet" type="text/css"
        href="/cas/webjars/material-components-web/10.0.0/dist/material-components-web.css" />
    <link rel="stylesheet" type="text/css" href="/cas/webjars/mdi__font/5.8.55/css/materialdesignicons.css" />
    <link rel="stylesheet" type="text/css" href="/cas/css/cas.css" />
    <link rel="stylesheet" href="/cas/css/form2.css">
    <link rel="shortcut icon" href="/cas/favicon.ico" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
</head>

<body class="login mdc-typography">
    <script type="text/javascript" src="/cas/webjars/es5-shim/4.5.9/es5-shim.js"></script>
    <script type="text/javascript" src="/cas/webjars/css-vars-ponyfill/2.3.1/dist/css-vars-ponyfill.min.js"></script>
    <!--<script src="//www.google.com/recaptcha/api.js" async defer--><!--    th:if="${recaptchaSiteKey != null and recaptchaVersion=='v2'}"></script>--><!--<script th:src="${'//www.google.com/recaptcha/api.js?render=' + recaptchaSiteKey}"--><!--    th:if="${recaptchaSiteKey != null and recaptchaVersion == 'v3'}"></script>-->
    <script type="text/javascript" src="/cas/webjars/jquery/3.6.0/jquery.min.js"></script>
    <script type="text/javascript"
        src="/cas/webjars/material-components-web/10.0.0/dist/material-components-web.js"></script>
    <script src="/cas/js/jquery-3.6.0.min.js"></script>
    <script src="/cas/js/jquery.cookie-1.4.1.min.js"></script>
    <script src="/cas/js/md5.js"></script>

    <script type="text/javascript" src="/cas/js/cas.js"></script>
    <script type="text/javascript" src="/cas/js/login.js"></script>
    <script src="/cas/js/form2.js"></script>


    <script>
        if (typeof resourceLoadedSuccessfully === "function") {
            resourceLoadedSuccessfully();
        }
        cssVars({});
    </script>
    <div>

        <header id="app-bar" class="header">
            <nav class="">
                <section class="">
                    <span class="cas-brand">
                        <!--                        <span class="sr-only"--><!--                              th:text="${#strings.defaultString(#themes.code('cas.theme.name'), 'CAS')}">CAS</span>--><!--                        <img class="cas-logo" width="192" height="50"--><!--                             th:title="${#strings.defaultString(#themes.code('cas.theme.name'), 'CAS')}"--><!--                                    th:src="@{${#strings.defaultString(#themes.code('cas.logo.file'), '/images/login_logo.png')}}" />--></span>
                </section>
            </nav>

        </header>
        <aside id="app-drawer" class="mdc-drawer mdc-drawer--dismissible mdc-drawer--modal">
            <div class="mdc-drawer__header">
                <h3 class="mdc-drawer__title">CAS</h3>
                <h6 class="mdc-drawer__subtitle">Central Authentication Service</h6>
            </div>
            <div class="mdc-drawer__content">
                <nav class="mdc-list">
                    <a href="/cas/actuator" class="mdc-list-item">
                        <i class="mdi mdi-cogs"></i>&nbsp;
                        <span class="mdc-list-item__text">Actuator Endpoints</span>
                    </a>
                    <hr class="mdc-list-divider" /><a class="mdc-list-item" href="https://apereo.github.io/cas">
                        <i class="mdi mdi-file-code-outline"></i>&nbsp;
                        <span class="mdc-list-item__text">Documentation</span>
                    </a>
                    <a class="mdc-list-item" href="https://github.com/apereo/cas/pulls">
                        <i class="mdi mdi-call-merge"></i>&nbsp;
                        <span class="mdc-list-item__text">Pull Requests</span>
                    </a>
                    <a class="mdc-list-item" href="https://apereo.github.io/cas/developer/Contributor-Guidelines.html">
                        <i class="mdi mdi-information"></i>&nbsp;
                        <span class="mdc-list-item__text">Contributor Guidelines</span>
                    </a>
                    <a class="mdc-list-item" href="https://apereo.github.io/cas/Support.html">
                        <i class="mdi mdi-help-circle"></i>&nbsp;
                        <span class="mdc-list-item__text">Support</span>
                    </a>
                    <a class="mdc-list-item" href="https://apereo.github.io/cas/Mailing-Lists.html">
                        <i class="mdi mdi-email-newsletter"></i>&nbsp;
                        <span class="mdc-list-item__text">Mailing Lists</span>
                    </a>
                    <a class="mdc-list-item" href="https://gitter.im/apereo/cas">
                        <i class="mdi mdi-message-text"></i>&nbsp;
                        <span class="mdc-list-item__text">Chatroom</span>
                    </a>
                    <a class="mdc-list-item" href="https://apereo.github.io/">
                        <i class="mdi mdi-post"></i>&nbsp;
                        <span class="mdc-list-item__text">Blog</span>
                    </a>
                </nav>
            </div>
        </aside>

        <script>var countMessages = 0;</script>
        <div class="mdc-dialog cas-notification-dialog" id="cas-notification-dialog" role="alertdialog"
            aria-modal="true" aria-labelledby="notif-dialog-title" aria-describedby="notif-dialog-content">

            <div class="mdc-dialog__container">
                <div class="mdc-dialog__surface">
                    <h1 class="mdc-dialog__title mt-lg-2" id="notif-dialog-title">
                        Notifications
                    </h1>
                    <div class="mdc-dialog__content" id="notif-dialog-content">
                        <div class="cas-notification-message mdc-typography--body1">
                            <h6 class="mdc-typography--headline6 mdi mdi-alert-circle">Non-secure Connection</h6>
                            <script>countMessages++;</script>
                            <p class="text-wrap small">You are currently accessing CAS over a non-secure connection.
                                Single Sign On WILL NOT WORK. In order to have single sign on work, you MUST log in over
                                HTTPS.</p>
                        </div>
                    </div>
                    <footer class="mdc-dialog__actions">
                        <button type="button" class="mdc-button mdc-dialog__button" data-mdc-dialog-action="accept"
                            data-mdc-dialog-button-default>
                            <span class="mdc-button__label">OK</span>
                        </button>
                    </footer>
                </div>
            </div>
            <div class="mdc-dialog__scrim"></div>
        </div>

        <script type="text/javascript">

            (function (material) {
                var header = {
                    init: function () {
                        header.attachTopbar();
                        material.autoInit();
                    },
                    attachDrawer: function () {
                        var elm = document.getElementById('app-drawer');
                        if (elm != null) {
                            var drawer = material.drawer.MDCDrawer.attachTo(elm);
                            var closeDrawer = function (evt) {
                                drawer.open = false;
                            };
                            drawer.foundation.handleScrimClick = closeDrawer;
                            document.onkeydown = function (evt) {
                                evt = evt || window.event;
                                if (evt.keyCode == 27) {
                                    closeDrawer();
                                }
                            };
                            header.drawer = drawer;
                            return drawer;
                        }
                        return undefined;
                    },
                    attachTopbar: function (drawer) {

                        var drawer = header.attachDrawer();
                        var dialog = header.attachNotificationDialog();

                        if (drawer != undefined) {
                            header.attachDrawerToggle(drawer);
                        }
                        if (dialog != undefined) {
                            header.attachNotificationToggle(dialog);
                        }
                    },
                    checkCaps: function (ev) {
                        var s = String.fromCharCode(ev.which);
                        if (s.toUpperCase() === s && s.toLowerCase() !== s && !ev.shiftKey) {
                            ev.target.parentElement.classList.add('caps-on');
                        } else {
                            ev.target.parentElement.classList.remove('caps-on');
                        }
                    },
                    attachDrawerToggle: function (drawer) {
                        var appBar = document.getElementById('app-bar');
                        if (appBar != null) {
                            var topAppBar = material.topAppBar.MDCTopAppBar.attachTo(appBar);
                            topAppBar.setScrollTarget(document.getElementById('main-content'));
                            topAppBar.listen('MDCTopAppBar:nav', function () {
                                drawer.open = !drawer.open;
                            });
                            return topAppBar;
                        }
                        return undefined;
                    },
                    attachNotificationDialog: function () {
                        var element = document.getElementById('cas-notification-dialog');
                        if (element != null) {
                            return material.dialog.MDCDialog.attachTo(element);
                        }
                        return undefined;
                    },
                    attachNotificationToggle: function (dialog) {
                        var btn = document.getElementById('cas-notifications-menu');
                        if (btn != null) {
                            btn.addEventListener('click', function () {
                                dialog.open();
                            });
                        }
                    }
                }
                document.addEventListener('DOMContentLoaded', function () {
                    header.init();
                    if (countMessages == 0) {
                        window.jQuery('#notifications-count').remove();
                    } else {
                        window.jQuery('#notifications-count').text("(" + countMessages + ")")
                    }
                });
            })(mdc);
        </script>
    </div>

    <div class="mdc-drawer-scrim"></div>
    <div class="content_wrapper">
        <div class="left"></div>
        <div class="mdc-drawer-app-content d-flex justify-content-center">
            <main role="main" id="main-content" class="">
                <!-- container-lg py-4 -->
                <div id="content" class="d-flex justify-content-center">

                    <div class="d-flex justify-content-center flex-md-row flex-column mdc-card-content w-lg-25">
                        <section id="loginForm" class="login-section login-form">
                            <div class=" loginform d-flex flex-column justify-content-between m-auto">
                                <!--        <div th:if="${delegatedAuthenticationProviderPrimary == null}">--><!--            <div class="service-ui" th:replace="fragments/serviceui :: serviceUI">--><!--                <a href="fragments/serviceui.html">service ui fragment</a>--><!--            </div>--><!--        </div>-->
                                <div class="form-wrapper">
                                    <form method="post" id="fm1" action="login">
                                        <div class="tab">
                                            <span id="qr_login" class="active">扫码登录</span>
                                            <span id="sms_login">密码登录</span>
                                            <span id="no_phone">手机不在身边</span>
                                        </div>
                                        <ul class="tab_content">
                                            <li>
                                                <div class="qr_wrapper">
                                                    <p class="nav">
                                                        <span>蜂巢移动版</span>
                                                        <span>扫码登录</span>
                                                    </p>
                                                    <div id="qrcode_img" class="qrcode_img">
                                                        <div class="imgbox qrcode" id="qrcode">
                                                            <img id="uuid_qrcode_img" class="uuid_qrcode_img"
                                                                width="140" height="140"><img id="sweep_code_img"
                                                                class="sweep_code_img"
                                                                src="/cas/images/img__SweepCode02.png" width="140"
                                                                height="140" />
                                                        </div>
                                                        <div id="qrcode_invalid" class="qrcode_invalid">
                                                            <img src="/cas/images/img_SweepCode05.png"
                                                                onclick="updateQrcode(true);" />
                                                        </div>
                                                    </div>

                                                    <div id="scan_success" class="scan_success" style="display: none">
                                                        <img id="scan_success_img"
                                                            src="/cas/images/img_SweepCode04.png" />
                                                    </div>
                                                    <div class="qr_logo"></div>
                                                </div>
                                            </li>
                                            <li>
                                                <p>第一步：账号密码验证；</p>
                                                <p class="step2_warning_msg">第二步：短信验证码验证。</p>
                                                <div class="step1_wrapper">
                                                    <!--登录成功消息提示--><!--                <h3 th:unless="${existingSingleSignOnSessionAvailable}" class="text-center">--><!--                    <i class="mdi mdi-security"></i>--><!--                    <span th:utext="#{screen.welcome.instructions}">Enter your Username and Password:</span>--><!--                </h3>--><!--登录失败消息提示--><!--用户名-->
                                                    <section id="usernameSection">
                                                        <div>
                                                            <div class="usernameSection">
                                                                <label for="username" class="username">
                                                                    <i></i>
                                                                    <input placeholder="蜂巢账号/邮箱/手机号码/证件号码" id="username"
                                                                        size="14" type="text" accesskey="n"
                                                                        onfocus="this.removeAttribute('readonly');"
                                                                        autocomplete="off" name="username"
                                                                        value="" /><!--                            <span class="mdc-notched-outline">--><!--                                <span class="mdc-notched-outline__leading"></span>--><!--                                <span class="mdc-notched-outline__notch">--><!--                                  <span class="mdc-floating-label"--><!--                                        th:utext="#{screen.welcome.label.netid}">Username</span>--><!--                                </span>--><!--                                <span class="mdc-notched-outline__trailing"></span>--><!--                              </span>--></label>
                                                            </div>
                                                            <div class="space"></div>
                                                            <script type="text/javascript">
                                                                /*<![CDATA[*/
                                                                var username = "";
                                                                var disabled = false;
                                                                if (username != null && username !== '') {
                                                                    $('#username').val(username);
                                                                    if (disabled) {
                                                                        $('#username').hide();
                                                                    }
                                                                }
                                                                var wrapper = document.querySelector(".usernameSection")
                                                                var oInput = document.querySelector("#username")
                                                                oInput.style.cssText = "outline:none;margin-left:-6px;height: 42px;width: 284px; font-size:14px; border: 1px solid #ccc;border-left:none;"
                                                                oInput.addEventListener('focus', function () {
                                                                    wrapper.style.boxShadow = "inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%)"
                                                                })
                                                                oInput.addEventListener('blur', function () {
                                                                    wrapper.style.boxShadow = 'none'
                                                                    oInput.style.cssText = "outline:none;margin-left:-6px;height: 42px;width: 284px; font-size:14px; border: 1px solid #ccc; border-left:none;"
                                                                })

                                                                /*]]>*/
                                                            </script>
                                                        </div>
                                                    </section>
                                                    <!--密码-->
                                                    <section>
                                                        <div class="passwordSection">
                                                            <label for="password" class="password">
                                                                <i></i>
                                                                <input type="password" id="password" size="14"
                                                                    placeholder="请输入您的密码" accesskey="p" readonly
                                                                    onfocus="this.removeAttribute('readonly');"
                                                                    autocomplete="off" name="password"
                                                                    value="" /><!--                                <span class="mdc-notched-outline">--><!--                                        <span class="mdc-notched-outline__leading"></span>--><!--                                        <span class="mdc-notched-outline__notch">--><!--                                          <span class="mdc-floating-label" th:utext="#{screen.welcome.label.password}">Username</span>--><!--                                        </span>--><!--                                        <span class="mdc-notched-outline__trailing"></span>--><!--                                    </span>--></label>

                                                            <!--                        <div class="mdc-text-field-helper-line caps-warn">--><!--                            <p--><!--                                    class="mdc-text-field-helper-text mdc-text-field-helper-text&#45;&#45;persistent mdc-text-field-helper-text&#45;&#45;validation-msg text-danger">--><!--                                <span th:utext="#{screen.capslock.on}"/>--><!--                            </p>--><!--                        </div>-->
                                                        </div>
                                                        <script type="text/javascript">
                                                            var wrapper2 = document.querySelector(".passwordSection")
                                                            var oInput2 = document.querySelector("#password")
                                                            oInput2.style.cssText = "outline:none;margin-left:-6px;height: 42px;width: 284px; font-size:14px; border: 1px solid #ccc;border-left:none;"
                                                            oInput2.addEventListener('focus', function () {
                                                                wrapper2.style.boxShadow = "inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%)"
                                                                oInput2.style.boxShadow = "inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%)"
                                                            })
                                                            oInput2.addEventListener('blur', function () {
                                                                wrapper2.style.boxShadow = "none"
                                                                oInput2.style.cssText = "outline:none;margin-left:-6px;height: 42px;width: 284px; font-size:14px; border: 1px solid #ccc;border-left:none;"
                                                            })
                                                        </script>
                                                        <!--                    <button class="reveal-password mdc-button mdc-button&#45;&#45;raised mdc-input-group-append mdc-icon-button"--><!--                            type="button">--><!--                        <i class="mdi mdi-eye reveal-password-icon"></i>--><!--                        <span class="sr-only">Toggle Password</span>--><!--                    </button>-->
                                                    </section>

                                                    <section class="cas-field ">
                                                    </section>

                                                    <section class="cas-field">
                                                        <!--                    th:if="${rememberMeAuthenticationEnabled}"-->
                                                        <div class="forgetBox">
                                                            <span class="remember">
                                                                <input type="checkbox" name="rememberMe" id="rememberMe"
                                                                    value="true" /> &nbsp;
                                                                <label for="rememberMe">记住密码</label>
                                                            </span>
                                                            <!--忘记密码-->
                                                            <div class="forgetLink" onclick="gotoForget()">
                                                                <a>忘记密码</a>
                                                            </div>
                                                            <!--                                    <div th:replace="fragments/pmlinks :: pmlinks"/>-->
                                                        </div>
                                                    </section>

                                                    <section class="cas-field">

                                                        <div>
                                                        </div>

                                                        <!--默认登录方式--><input type="hidden" id="loginType"
                                                            name="loginType" value="QRCODE" /><input type="hidden"
                                                            id="uuid" name="uuid" /><input type="hidden"
                                                            name="execution"
                                                            value="c3eaec7f-4dc2-4027-bbb7-1ba12778f9ab_ZXlKaGJHY2lPaUpJVXpVeE1pSXNJblI1Y0NJNklrcFhWQ0o5Ll9EMGU0UGhtWlVsZ0FsTnRXMk85UFhUdWl0VElPOG9ETEFaVDRncVpPQ01sN1FhVXQ4blNjbG5OdTlnTEdPZjNtWmpPLWtPcUpSR0VMR1ZwRkFKTjQtQ0lXUFVxaXVtd2k5bF9fb1QwM2Zqbmp0VERwdHZJS3JLdE9rSnhRbThnaXlnazRWOEVtRnFGcHBBVGhIT3h0bXVHUjdaTmJlNXNwSVB6SjMwcTBjQjFDYV9sZkFvUXMwbGp0UjN1Q2x4MEtGQ19WVy05R2VjQ2t3VUhTZDVJYTYwaVBlTWVyZlE3NXkxWmdmRm5DS2JQc2NaZ2NndjRBelVITnVIWkh6WTRNaS1KcHNCeXpWYUpDbTJlbWU0a2EwUGFCeG14MjBMZWFmVUZ0QzdMRWo5WC10cVljdTBKa1NRdnZqNUUxR0pycG1MYmxjR0hWZXlfODM0bW5jR3FlV3dhZFJjTzFwajNPQjFMdnZFVlJBVENzZVZ5Wm1KYm51aWJ5U0FDS0pXMW9zaloyaXo5X1dlOE9Vd1VIYVR1YWw5TC1Jd29SOFByTzg3MEhFNEVCMjVTdU1UNUh2SHNtNkVIQ3lFVk9hclprNGFMeW5aeFFXS2kwSHZQczNjbnhnV0RGMnZ4UGRrWEZJSC16UzMtNGdMYVFHQ21rNWVDNE1yQnBCU3FQUi1jdEJFTmo2SmNBU284UHBkQXNsa18tVDh3U2szOWZ3RGprdDZ6cTN1QVQwMUZUWlJfSDlnZXp2TDZuTHY4dS1UUVNxaWpjOXpOZXRoR3BBbDJZa2NiV1ZUbFpoYVV6UzJmRUtnMVRBNXpQYjRab21QcjZQdTkzTXIybzJpMnU5bTZIUjZtUzdwQW41XzYyRGlNNF82TDZYay1qeUlCZVd4NGtkX3F5Tmhpdzh5M0dicXZtSXRDd05iOUgwM2Z3RW1IUW1DRWJ1OFpGMGZrWVJDUVZxQ1phWmc4MUdTLWQtLVJ0dldKYzFiZm00d1QwSkwwQjg0UXlTbEpYMHVod0NPRTRKeHZvQy1Mc3RuRUhNSVBJaFFZdFloYXFYeUdVVlJVY2c5WFNUQkFFcmlpMVpzVVkzWGhid3ZKZ0g1dmpqaFZ2TkJHTFR2V3haTE1ZVmZJeU1NUHZtZ2E5Vk5YdVhZemVJZnd3VW93RlFFeGtKTmNiekVVVzljWDV5VmVEbklNdlpEdUw4NGtYSWZsa0xZWkctUERfX3BLMnBFdWZPUHJYRmhrNjVjUndYMjF4RHpRVWdrNlp4ZERjN3RXUlVVY3pVSjN1R2lpVDl6SzVBSTVMc0piMENCQ0laZU1SV0g1SzZDRWFSYjNEMU93ZVM2Mzk4ZXRqWjVJUmpYb1lCRFllQjV1amsxZ28yWENUSDh2US1UVW9DMU8tUmRoa1YxWnF1NGFVVGxIYzh5ZWpBbUdHRkxDQzFmVks3NExMQjZDZUdscTRmUmZ0MHd3ZGRHUTEzdTVyTDhjckJXUzA3LUgydmRNTkt3WDVVa2VzVE54UGdZOXBlR2J2eU90UnRKR1ZOTWpOV19pbEFEWDdvQlgxSGI0LVdCcVlDU3RtX0dRWEJFSmdiUTVpbGhTdjdlUFRKTFlMR29TaUE1elRLdzRydHh3VW5feHZVSzR5cEc3MUlzbkNIWEhfZnhMelo2QlltMFQxTklpd2k4OUMyTXJ4OGZQb2VoN3cxaTNkWnkwdTkxM0FoTmtidG9KRV9EOWhTb0dBQ2VCZ2tvOEtNWW55VC1DeTdHeDZHMEw5WG5Gb0cxZ21hYy1NczR1cjVoZXRkTUxhQS1wYVY3dnZ3T2l6ajYtWXh4Q3JjNFRXZmhvSGJnU1VaSW1nMXNHS2xiWEVRZTVCbmllX3BIOHZ6YXRfX1hLUlRVUHpDR2hsTFRkd3B4WnRGRV9RQ2ZSdnlJNWlPb2tuQ1JiXzNOcl9RUl9pbXNTdk02amhoaE1ta0w0Qy1adWlXeDl4N3FQZkZWanVPNnZlZ1JLNGIzNksxendMQ19LWVI0TzMzWU40aEE2U1B4TUg0M0dLX0V2ZHMxY1pYWmUzdEhLYzNRZmVXYXJtV1NJWGlLT1VYVGxZSG9mTjRxQTJDd1FuOFQ0SlU4Vm1MVm80QkxyRVBNU0lzSDd6VlZ3a2FjUW1RbzA5RWlpdWp2M2dwR0otdUZMRC1STlZaSC04Qk15ZnhtdXZELUQ5ekRYQVBfOFBwVzRDUWk5V3dzeF82c2V2V3lSeEdoZTAwSDR3clhSc2hRbGlxQU9MdGN1bGtPdTA2VDdjbnI2cnB3OE93ZU04cV8tVFlzUzEzUHd0dG8zTXZ1LXQtUXlHYnNWZG9ucnZDMF9iY05ZOV9rZGNjUy1XeGVEbTc5eEFEU3BTb1hzclFETlRmV0tfVWRnRmVRVjNpSkh5dGZxdkZPQlh5UDlNa1RiWU04b1M4Z3hTdVJCZHVnMFVTV3RHZmQtV2hyTEcxZkQtc1k3YWdybUx1cHJtdjNRb2ptTU5Tb21XanVNYW1YakpoWURiRVBOSDJGeEFjWm1Ramk5YVFDMzZ5UC1WbUZEVWRsOFVVU0hkMHd2bE5CZm52dkx4alRXdVNMaFh5WUdYQ05TQVVrVkZOSzlfWnpSVXZUaVJZRFNjR3Y2Y2IwMmE5VklhajBDWWV4SmhPV0o5T0JUWl9HcWFTbDNkQ2VpbWdpNTdCVDc3dUtfNWRhLXVpclVZTlpDc0F5RWN1MUJCY08xTURJS003ZVpjUmhzdjFLcWZOaFpDZFJZMzZJNExtUXA5M0RCNjNXVnRXVVFFaVNTck5FcmQ5VmRNYy1sX0FCc04zR3FDVUNrWm1meW84X2hwMG9EYW9SaUFsSGs2QVh0SnhhNFFyTnlsbmFvWXFURGNTTHBERzVxcFh0cE10U3ZIS3hrdkt2cUNhSUtEbm96WmFPZzRxZWVFSG9CTVgyMjFRNmRrTGx4QnJ0VnlfdGp4UHFDMVlBVHBvN0VRME9uZlB6Y05EVUlvRlhvaVNYVmtoSHhIVThtcm1qTUFqVWVRZTVsekpNQ0VfOEtDbV9JNmpzbGF4NHIzR19yZnh2ZzB4RmJvX0QxZnRvLUtSRXROZ1E5YnlqWlJuOHZIOUpqUGVfTC00akZvTkkwMm9KTFlWdXJJRFdhOWZOdkFBSXRjRXJ4dUhKLS1pcWdJUGxGUHBfT0ZvWl9oSXMzUmdSOTliS2dpNlExSHVEc2xXOEZOU1oxcnRGSFdFaWExM2tNYUxmUUZ4ZDBWTGZoaVFaTVU4aHNnTlJQaUhoVDI2RXpTSlpSZThJMnFmcEZIUTRoRGdrcmY1NW4tU1N3c1E5Y0hDQkdtM2d6ZHhOZ3k3a29jNG1GajF2ZENGR2RjdE9BLXN6Wk0yaVFnNGlicGZGakxtT0ZuMW0zSkNLNVlaeDhtM1VmbGd4d2E2ZUJHaHRWTTVlU1R1eVJBa0Jncm5yQ0hrRWxOcl93akhLZ2NiMDVGYkp1YXRhWS1rX3dLTTcwM0tMQ29FY1Zxa2E2NUg5MUFuenlBRFc0OXFCZGFiaF9mZGZLWFNZV0JmYVdTdnFwVThFb0xjWURsb0lySmJUU0tnT19DV0plbG5jS3Z5MWk4SDhPOV9yTllQLTNBa29MS2k4UGM5Vkl4Y2RVbVlHUmgzUG1nMlBTUU4ta29PaHBjbVpIcXhEei0xWUZHc2xiRGNyaVBGMFFUcUhidXhsY0x3cUNkNEczbkxUSXVxLXJkbGlwYUhsRTBiWmh1dmNYT3Z3UVljdllXQU9xeThWZWNpc1YzWklvaTBmOVJHbkpPTGZsZ01aZWtobkgwVEJKQjVQeGJEckF5SE9URTAyclEyWkJZX0ZXR0E0OFh3X090ck16QXI1UmVPTk9mejIycEpabXRwaUg5SzRaQXZEWm1sRDVKZUxFalo4U0ZxaVJxQ1JYQjh6WDFTT29BSGRzNXVTOHhIdGpSS241aXM2a1dJczR2cUozYWZnai1wenhFZm52R1Y2SUtGRmtweEpLQ2VjTi1hVTlDOXp1WDhJa25FdU5Dc1NzUkZMeUtzMTk4UUpkZ1ppa2RndnRRcnhlLTJMR1pSTVpzcmNkVjg1U0xSR2JNb2d3TzVDN0VDYWgtRmRmQmNiOWpsLTExbHBwRnFsMEpiUFlBbzFUMmROUWpqa09PS1Y4Nm1nSWdGc1J2UXJDS0VJN0hNWXNFbldtdEhhME1tblR3enZBbm1lbmg4VzZ4MGVxZTZyUm5WZW1zSk1Rb2lXMGNMMHhaSFVUS1YtMjV0ckZNMXR4R1FNSGtKdlNSOC1FODJGM1JwWE9EaDV2R2M0TWQ2ZTdRY29TYm9ON1ZGT3F5cWVGc2NxWWVERzRqYThuaTNsM0gzaDJNOWRRU29ycnFOeWFyQ1dEVVFocU1ZaFpNMllTdFVjS1lZWlRpU0ZiMVpoeDl3LUxOdHpQQTM4dzNyUHpyRjE3LWJYMmZmNkhkWmZmMVdNbXY2MFlsM2NYZ0JkdlhzODBuWjNwbmctdFJzX3RUM1AyNGdLTEY1MnU3ZFQ3TDl0ZzhTR21tODR4M3gwVEhCY0pGdHlfVUhLampUeUZMMGFlOFlKTVFqeVg1b0dDckhSRHVDMWZ4Y3FGMVgzaXpwMzNucHl4YVU0dXU0ZW9MU2s0NEt4MGtvRUhtb284SjFIdTM4OTJCcWtHMEsydFU1OXFDTFcxMndWa0JtTkFZTE1DUzUzbUowOXR3TjhPdGYxQ3RiNFZxQkhwYkVGdzItTE1XcjJHNVA4OVZiN2RFSkphdFVrQVYzc1RSMGdTdUttTTJPMzFxSWNCSXNyczRYdU42MFFza3hEd2dTNkI5QS5CSUk5TFNvd3lrS1phSDVuRm1yMjdSejh2NUQwOU5HTVFzU2dDVWFaSk9ldF9nd2hEaHViTDlvNng3RGtxc2xIWFc0SlB4MXp3N25NdjdRNVVUQzlRdw==" /><input
                                                            type="hidden" name="_eventId" value="submit" /><input
                                                            type="hidden" name="geolocation" />
                                                    </section>

                                                    <!--登录按钮--><button id="loginBtn" onclick="setCookie()"
                                                        type="button">下 一 步</button>
                                                    <!--                            <div th:replace="fragments/submitbutton :: submitButton (messageKey='screen.welcome.button.login')"></div>-->
                                                </div>
                                            </li>
                                        </ul>
                                    </form>

                                    <script type="text/javascript">
                                        /*<![CDATA[*/
                                        var i = "One moment please..."
                                        var j = "\u767B\u5F55"
                                        /*]]>*/
                                        $(window).on('pageshow', function () {
                                            $(':submit').prop('disabled', false);
                                            $(':submit').attr('value', j);
                                        });
                                        $(document).ready(function () {
                                            $("#fm1").click(function () {
                                                $(":submit").attr("disabled", true);
                                                $(":submit").attr("value", i);
                                                return true;
                                            });
                                        });
                                    </script>

                                </div>
                                <div id="sidebar">
                                    <div class="sidebar-content">
                                        <p>出于安全考虑，一旦您访问过那些需要您提供凭证信息的应用时，请操作完成之后关闭浏览器。</p>

                                        <a href="logout">退出系统1</a>
                                    </div>
                                </div>
                                <script type="text/javascript">
                                    document.querySelector("#sidebar").style.display = 'none'
                                </script>


                            </div>
                        </section>
                    </div>
                </div>
            </main>
        </div>
        <div class="right"></div>
    </div>


    <footer class="d-flex justify-content-center cas-footer">
        <span id="copyright_prefix" class="mr-2 d-inline-block">版权所有 &copy;</span>
        <span id="copyright_year" class="mr-2 d-inline-block">2024</span>
        <span id="copyright_suffix" class="mr-2 d-inline-block">中泰证券, Inc. 保留全部权利。</span>
    </footer>

</body>

</html>